<template>
    <div class="container">
        <Login class="loginContain" />
    </div>
</template>

<script>
import Login from '@/components/Login'
export default {
    name: "LoginView",
    components: {
        Login
    }
}
</script>

<style scoped lang="less">
    .container {
        width: 100%;
        height: 100vh;
        background-image: url("@/assets/login/loginBackground.jpg");
        background-repeat: no-repeat;
        background-size: cover;
    }
    .loginContain {
        width: 40%;
        height: 40vh;
        // 居中显示
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
    }
</style>